<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<title>{$pageData.title}</title>
		<link rel="stylesheet" href="__STATIC__/manage/css/admin.css" />
		<link rel="stylesheet" href="__STATIC__/manage/js/layui/css/layui.css" />
		<script type="text/javascript" src="__STATIC__/manage/js/jquery.min.js"></script>
		{include file="inc/script" /}
		<script type="text/javascript" src="__STATIC__/manage/js/public.js"></script>
		<script type="text/javascript" src="__STATIC__/manage/js/layui/layui.js"></script>
		<style>
			.layui-input-block {
				margin-left: 0!important;
			}
			
			.map-one,
			.map-two,
			.map-thr {
				width: 100%;
			}
			
			.map-center-xq {
				width: 260px;
				background-color: #ecedf8;
				margin: 0 auto;
			}
			
			.map-two .map-two-l,
			.map-two .map-two-r,
			.map-thr .map-thr-l,
			.map-thr .map-thr-r,
			.map-thr .map-thr-l-left,
			.map-thr .map-thr-l-right,
			.map-thr .map-thr-r-left,
			.map-thr .map-thr-r-right {
				width: 50%;
			}
			
			.map-two .map-two-l,
			.map-thr .map-thr-l,
			.map-thr .map-thr-l-left,
			.map-thr .map-thr-r-left {
				float: left;
			}
			
			.map-two .map-two-r,
			.map-thr .map-thr-r,
			.map-thr .map-thr-l-right,
			.map-thr .map-thr-r-right {
				float: right;
			}
			
			.map-center-xq {
				padding: 20px 0 0 0;
				height: 185px;
			}
			
			.map-center-xq p {
				line-height: 24px;
				padding-left: 40px;
			}
			
			.map-center-xq span.cen span:first-child {
				margin-right: 10px;
			}
			
			.map-btn {
				border-top: 1px solid #ffffff;
				margin: 0 20px;
				text-align: center;
			}
			
			.map-btn a {
				text-align: center;
				display: block;
				line-height: 40px;
			}
			.map-btn a.erji {
				display: inline-block;
				width: 20%;
			}
			.map-jt-top {
				text-align: center;
			}
			
			.map-jt-bnt-left,
			.map-jt-bnt-right,
			.map-jt-two-left,
			.map-jt-two-right {
				width: 50%;
			}
			
			.map-jt-bnt-left,
			.map-jt-two-left {
				float: left;
			}
			
			.map-jt-bnt-right,
			.map-jt-two-right {
				float: right;
			}
			
			.map-jt-bnt-left01 {
				width: 50%;
				float: right;
				border-top: 8px solid #ecedf8;
				text-align: left;
			}
			
			.map-jt-bnt-left01 img {
				position: relative;
				left: -8px;
			}
			
			.map-jt-bnt-right01 {
				width: 50%;
				float: left;
				border-top: 8px solid #ecedf8;
				text-align: right;
			}
			
			.map-jt-bnt-right01 img {
				position: relative;
				right: -7px;
			}
			
			.map-zchy {
				display: block;
				line-height: 185px;
				text-align: center;
				color: #ff8800;
				font-size: 16px;
			}
			
			.map-zchy:hover {
				color: #ff8800;
			}
		</style>
	</head>

	<body>
		<div class="right-center height-at" style="overflow: auto;">
			<div class="center-tit magin0">{$pageData.title}</div>
			<div class="wlt-screen-cen">
			
					<ul class="clearfix">
						<li>
							<div class="layui-form-item">
								<div class="layui-input-inline">
									<input type="text" name="mid" autocomplete="off" id="input-mid" placeholder="请输入会员编号" class="layui-input">
								</div>
								<div class="layui-input-inline">
									<input type="submit" class="button layui-btn b-o" id="ScreenBnt" value="查询">
								</div>
							</div>
						</li>
					</ul>
				
			</div>

			<div class="map-cen">

				<div class="map-one">
					<div class="map-center-xq">
						<p class="f-gray">编号：<span class="cen f-black">999999</span></p>
						<p class="f-gray">等级：<span class="cen f-black">VIP会员</span></p>
						<p class="f-gray">名称：<span class="cen f-black">中华</span></p>
						<p class="f-gray">累计：<span class="cen f-black">303179000</span></p>
						<p class="f-gray">结余：<span class="cen f-black"><span>0</span><span>253539000</span></span>
						</p>
						<p class="f-gray">日期：<span class="cen f-black">2014-04-13</span></p>
						<div class="map-btn">
							<a href="#" class="f-orange">上翻</a>
						</div>
					</div>
				</div>
				<div class="map-jt">
					<div class="map-jt-top"><img src="__STATIC__/manage/images/map-top.png"></div>
					<div class="map-jt-bnt clearfix">
						<div class="map-jt-bnt-left clearfix">
							<div class="map-jt-bnt-left01"><img src="__STATIC__/manage/images/map-but.png"></div>
						</div>
						<div class="map-jt-bnt-right clearfix">
							<div class="map-jt-bnt-right01"><img src="__STATIC__/manage/images/map-but.png"></div>
						</div>
					</div>
				</div>
				<div class="map-two clearfix">
					<div class="map-two-l">
						<div class="map-center-xq">
							<p class="f-gray">编号：<span class="cen f-black">999999</span></p>
							<p class="f-gray">等级：<span class="cen f-black">VIP会员</span></p>
							<p class="f-gray">名称：<span class="cen f-black">中华</span></p>
							<p class="f-gray">累计：<span class="cen f-black">303179000</span></p>
							<p class="f-gray">结余：<span class="cen f-black"><span>0</span><span>253539000</span></span>
							</p>
							<p class="f-gray">日期：<span class="cen f-black">2014-04-13</span></p>
							<div class="map-btn">
								<a href="#" class="f-orange">上翻</a>
							</div>
						</div>
					</div>
					<div class="map-two-r">
						<div class="map-center-xq">
							<p class="f-gray">编号：<span class="cen f-black">999999</span></p>
							<p class="f-gray">等级：<span class="cen f-black">VIP会员</span></p>
							<p class="f-gray">名称：<span class="cen f-black">中华</span></p>
							<p class="f-gray">累计：<span class="cen f-black">303179000</span></p>
							<p class="f-gray">结余：<span class="cen f-black"><span>0</span><span>253539000</span></span>
							</p>
							<p class="f-gray">日期：<span class="cen f-black">2014-04-13</span></p>
							<div class="map-btn">
								<a href="#" class="f-orange">上翻</a>
							</div>
						</div>
					</div>
				</div>
				<div class="map-jt-two clearfix">
					<div class="map-jt-two-left">
						<div class="map-jt">
							<div class="map-jt-top"><img src="__STATIC__/manage/images/map-top.png"></div>
							<div class="map-jt-bnt clearfix">
								<div class="map-jt-bnt-left clearfix">
									<div class="map-jt-bnt-left01"><img src="__STATIC__/manage/images/map-but.png"></div>
								</div>
								<div class="map-jt-bnt-right clearfix">
									<div class="map-jt-bnt-right01"><img src="__STATIC__/manage/images/map-but.png"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="map-jt-two-right">
						<div class="map-jt">
							<div class="map-jt-top"><img src="__STATIC__/manage/images/map-top.png"></div>
							<div class="map-jt-bnt clearfix">
								<div class="map-jt-bnt-left clearfix">
									<div class="map-jt-bnt-left01"><img src="__STATIC__/manage/images/map-but.png"></div>
								</div>
								<div class="map-jt-bnt-right clearfix">
									<div class="map-jt-bnt-right01"><img src="__STATIC__/manage/images/map-but.png"></div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="map-thr clearfix">
					<div class="map-thr-l clearfix">
						<div class="map-thr-l-left">
							<div class="map-center-xq">
								<p class="f-gray">编号：<span class="cen f-black">999999</span></p>
								<p class="f-gray">等级：<span class="cen f-black">VIP会员</span></p>
								<p class="f-gray">名称：<span class="cen f-black">中华</span></p>
								<p class="f-gray">累计：<span class="cen f-black">303179000</span></p>
								<p class="f-gray">结余：<span class="cen f-black"><span>0</span><span>253539000</span></span>
								</p>
								<p class="f-gray">日期：<span class="cen f-black">2014-04-13</span></p>
								<div class="map-btn">
									<a href="#" class="f-orange">上翻</a>
								</div>
							</div>
						</div>
						<div class="map-thr-l-right">
							<div class="map-center-xq">
								<p class="f-gray">编号：<span class="cen f-black">999999</span></p>
								<p class="f-gray">等级：<span class="cen f-black">VIP会员</span></p>
								<p class="f-gray">名称：<span class="cen f-black">中华</span></p>
								<p class="f-gray">累计：<span class="cen f-black">303179000</span></p>
								<p class="f-gray">结余：<span class="cen f-black"><span>0</span><span>253539000</span></span>
								</p>
								<p class="f-gray">日期：<span class="cen f-black">2014-04-13</span></p>
								<div class="map-btn">
									<a href="#" class="f-orange">上翻</a>
								</div>
							</div>
						</div>
					</div>
					<div class="map-thr-r clearfix">
						<div class="map-thr-r-left">
							<div class="map-center-xq">
								<p class="f-gray">编号：<span class="cen f-black">999999</span></p>
								<p class="f-gray">等级：<span class="cen f-black">VIP会员</span></p>
								<p class="f-gray">名称：<span class="cen f-black">中华</span></p>
								<p class="f-gray">累计：<span class="cen f-black">303179000</span></p>
								<p class="f-gray">结余：<span class="cen f-black"><span>0</span><span>253539000</span></span>
								</p>
								<p class="f-gray">日期：<span class="cen f-black">2014-04-13</span></p>
								<div class="map-btn">
									<a href="#" class="f-orange">上翻</a>
								</div>
							</div>
						</div>
						<div class="map-thr-r-right">
							<div class="map-center-xq">
								<p class="f-gray">编号：<span class="cen f-black">999999</span></p>
								<p class="f-gray">等级：<span class="cen f-black">VIP会员</span></p>
								<p class="f-gray">名称：<span class="cen f-black">中华</span></p>
								<p class="f-gray">累计：<span class="cen f-black">303179000</span></p>
								<p class="f-gray">结余：<span class="cen f-black"><span>0</span><span>253539000</span></span>
								</p>
								<p class="f-gray">日期：<span class="cen f-black">2014-04-13</span></p>
								<div class="map-btn">
									<a href="#" class="f-orange">上翻</a>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>

		<script>
			var fid = "{$fid}";
			var listSrc = "{:url('member.api/member_map')}";
		</script>
		<script type="text/javascript" src="__STATIC__/manage/js/member/show/map.js"></script>
	</body>

</html>